<!doctype html>
<html><!-- InstanceBegin template="/Templates/dwt.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>XXX职业教育在线测评与学习平台</title>
<link rel="stylesheet" href="live_lesson/css/course.css"/>
<link rel="stylesheet" href="live_lesson/css/tab.css" media="screen">
<script src="live_lesson/js/jquery-1.8.0.min.js"></script>
<script src="live_lesson/js/jquery.tabs.js"></script>
<script src="live_lesson/js/mine.js"></script>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="app/css/libs/videojs/5.11.7/video-js.min.css">
    <link rel="stylesheet" href="app/css/dest/styles.css?=2016121272249">
    <script src="js/jquery-3.3.1.js"></script>
    <script>
        $(function () {
            $('nav').load("nav.html")
        })
    </script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->

</head>

<style>
    /* CSS Document 课程样式*/
    /**************公共样式**************/
    * {
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: "微软雅黑";
    }

    .ansright.spanright.no input[type="radio"],.ansright.spanright.no input[type="checkbox"] {
        border: none
    }

    .exambtn_lore {
        display: block;
        width: 121px;
        height: 30px;
        float:right
    }
    /*****************未登录时登录注册按钮******************/
    .tkbtn {
        display: inline-block;
        width: 60px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background: url(img/btn1.png) no-repeat;
        font-size: 14px;
    }

    .tkbtn:link, .tkbtn:visited {
        color: #fff;
        text-decoration: none;
    }
    .tkbtn:hover {
        color: #fff;
        background: url(img/btn_hover1.png) no-repeat;
    }

    .tkbtn.tklog {
        background-position: 0px 0px;
        float: left;
    }

    .tkbtn.tkreg {
        background-position: -0.87px -44px;
        float: right;
    }
    /*****************END未登录时登录注册按钮END******************/


    /***********登录后头部个人中心弹出框**********/
    #lne {
        position: absolute;
        top:0;
        right: 0px;
        width: 80px;
        z-index:10;
    }

    .logmine {
        min-height:100px;
        background:#333;
        width:60px;
        padding:2px 10px;
        padding-left:20px;
    }

    .logmine li {
        height:30px;
        line-height:30px;
    }

    .logmine .link1 {
        font-weight: normal
    }

    .logmine .link1:link,.logmine .link1:visited {
        color: #fff;
        text-decoration: none
    }

    .logmine .link1:hover {
        color: #ce4949
    }

    .massage {
        float: right;
        font-size: 14px;
        margin-top:0;
        width: 450px;
        position: relative
    }

    #headerUsername {
        width: 80px;
    }
    /***********END登录后头部个人中心弹出框END**********/


    /*搜索框*/
    .select {
        position: relative;
        margin-bottom: 10px;
        display: block;
        height: 29px;
    }

    .select input {
        width: 250px;
        height: 25px;
        line-height: 25px;
        border: 2px solid #FA5C53;
        border-radius: 3px;
        color: #666
    }

    .sellink {
        display: block;
        width: 35px;
        height: 29px;
        background: #DBDBDB;
        border-radius: 0 3px 3px 0;
        position: absolute;
        top: 0;
        right: 0px;
        background: url(img/ico_detail_item.png) -6px -2065px no-repeat #FA5C53
    }

    .sort {
        position: absolute;
        top: 0;
        left: -48px;
        z-index: 11;
        width: 45px;
        height: 29px;
        background: url(img/ico_detail_item.png) -35px -810px no-repeat #FA5C53;
        padding-left: 5px;
        line-height: 29px;
        border-radius: 3px 0 0 3px;
    }

    .sort:link,.sort:visited {
        color: #fff;
        text-decoration: none
    }

    .sort:hover {
        background: url(img/ico_detail_item.png) -35px -810px no-repeat #FF8080
    }

    .sortext {
        display: none;
        width: 100px;
        height: 75px;
        border: 2px solid #FA5C53;
        background: #fff;
        position: absolute;
        left: -45px;
        top: 29px;
    }

    .sortext p {
        color: #FA5C53;
        padding-left: 20px;
        height: 25px;
        line-height: 25px;
        cursor: pointer
    }

    .sortext p:hover {
        background: #FFCECE
    }

    .select input {
        padding-left: 5px;
    }

    a {
        text-decoration: none
    }

    h3 {
        height: 40px;
        line-height: 40px;
    }

    body {
        background: white;
        color: #333
    }

    .head {
        height: 60px;
        background: url(img/bg.png);
        box-shadow: 0 2px 2px #c5c5c5;
    }

    .clearh {
        clear: both;
        height: 10px;
    }



    .navimg {
        float: left;
        margin-top: 5px;
    }

    .nag {
        margin-left: 120px;
    }

    .nag li {
        float: left;
        margin-left: 30px;
        margin-top: 20px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 16px;
    }

    .nag li:hover {
        border-bottom: 2px solid #fa5c53;
    }

    .link1 {
        display: block;
        height: 30px;
        font-weight: bold;
        border-radius: 3px
    }

    .link1:link,.link1:visited {
        color: #ec6941;
        text-decoration: none
    }

    .link1:hover {
        color: #D11303
    }

    .current {
        border-bottom: 2px solid #fa5c53;
    }

    .current:link,.current:visited {
        color: #fa5c53;
    }

    .current:hover {
        color: #FFD2D2
    }

    .massage {
        float: right;
        font-size: 14px;
        margin-top: 20px;
        width: 350px;
    }

    .link2 {
        display: block;
        width: 40px;
        float: right;
        line-height: 30px;
        color: #333;
    }

    .link2:link,.link2 visited {
        color: #333;
        text-decoration: none
    }

    .link2:hover {
        color: #666
    }

    .link3:link,.link3:visited {
        color: #fff;
        text-decoration: none
    }

    .link4:link,.link4:visited {
        color: #333;
        text-decoration: none
    }

    .link4:hover {
        color: #fff
    }

    .black {
        font-size: 14px;
    }

    .black:link,.black:visited {
        color: #333;
    }

    .black:hover {
        color: #666;
    }

    .coursecont {
        width: 1100px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .link2.he {
        color: #FA5C53;
        text-align: right;
        margin-left: 10px
    }

    .link2.he.ico {
        background: url(img/ico_detail_item.png) no-repeat -2px -2285px
    }

    .link2.he:hover {
        color: #D11303
    }
</style>

<body>

<nav class="navbar navbar-default navbar-fixed-top header">
</nav>
<!-- InstanceBeginEditable name="EditRegion1" -->
<div class="coursecont" style="margin-top: 80px">
    <div class="courseleft">
        <span class="select">
            <input type="text" placeholder="请输入关键字" class="pingjia_con" style="height: 30px;width: 260px"/>
            <a href="#" class="sellink"></a>
        </span>
    <ul class="courseul">
    <li class="curr" style="border-radius:3px 3px 0 0;background:#fb5e55;">
        <h3 style="color:#fff;"><a href="#" class="whitea">全部书籍</a></h3>
    <li>

        <h4>年级</h4>
        <ul class="sortul">
        <li class="course_curr"><a href="#">全部</a></li>
        <li><a href="#">一年级</a></li>
        <li><a href="#">二年级</a></li>
        <li><a href="#">三年级</a></li>
        <li><a href="#">四年级</a></li>
        <li><a href="#">初一</a></li>
        <li><a href="#">高一</a></li>
        </ul>
    <div class="clearh"></div>
    </li>
    <li>
    <h4>课程</h4>
        <ul class="sortul">
        <li class="course_curr"><a href="#">全部</a></li>
        <li><a href="#">语文</a></li>
        <li><a href="#">数学</a></li>
        <li><a href="#">英语</a></li>
        <li><a href="#">英语</a></li>
        <li><a href="#">物理</a></li>
        <li><a href="#">物理</a></li>
        </ul>
    <div class="clearh"></div>
    </li>
    </ul>
    </div>
    <div class="courseright">
        <div class="clearh"></div>
      <ul class="courseulr">

          <li>
              <div class="courselist">
                  <a href="buy_book_bookcont.html" target="_blank">
                      <img style="border-radius:3px 3px 0 0;" width="240" src="img/chuyi_math.jpg" title="初一数学">
                  </a>
                  <p class="courTit"><a href="buy_book_bookcont.html" target="_blank">初一数学</a></p>
                  <div class="gray">
                      <span style="color: red;font-weight: bold">123</span>￥
                      <span class="sp1">库存1100本</span>
                      <div style="clear:both"></div>
                  </div>
              </div>
          </li>

          <li>
              <div class="courselist">
                  <a href="buy_book_bookcont.html" target="_blank">
                      <img style="border-radius:3px 3px 0 0;" width="240" src="img/chuyi_math.jpg" title="初一数学">
                  </a>
                  <p class="courTit"><a href="buy_book_bookcont.html" target="_blank">初一数学</a></p>
                  <div class="gray">
                      <span style="color: red;font-weight: bold">123</span>￥
                      <span class="sp1">库存1100本</span>
                      <div style="clear:both"></div>
                  </div>
              </div>
          </li>

          <li>
              <div class="courselist">
                  <a href="buy_book_bookcont.html" target="_blank">
                      <img style="border-radius:3px 3px 0 0;" width="240" src="img/chuyi_math.jpg" title="初一数学">
                  </a>
                  <p class="courTit"><a href="buy_book_bookcont.html" target="_blank">初一数学</a></p>
                  <div class="gray">
                      <span style="color: red;font-weight: bold">123</span>￥
                      <span class="sp1">库存1100本</span>
                      <div style="clear:both"></div>
                  </div>
              </div>
          </li>

          <li>
              <div class="courselist">
                  <a href="buy_book_bookcont.html" target="_blank">
                      <img style="border-radius:3px 3px 0 0;" width="240" src="img/chuyi_math.jpg" title="初一数学">
                  </a>
                  <p class="courTit"><a href="buy_book_bookcont.html" target="_blank">初一数学</a></p>
                  <div class="gray">
                      <span style="color: red;font-weight: bold">123</span>￥
                      <span class="sp1">库存1100本</span>
                      <div style="clear:both"></div>
                  </div>
              </div>
          </li>

          <li>
              <div class="courselist">
                  <a href="buy_book_bookcont.html" target="_blank">
                      <img style="border-radius:3px 3px 0 0;" width="240" src="img/chuyi_math.jpg" title="初一数学">
                  </a>
                  <p class="courTit"><a href="buy_book_bookcont.html" target="_blank">初一数学</a></p>
                  <div class="gray">
                      <span style="color: red;font-weight: bold">123</span>￥
                      <span class="sp1">库存1100本</span>
                      <div style="clear:both"></div>
                  </div>
              </div>
          </li>

          <li>
              <div class="courselist">
                  <a href="buy_book_bookcont.html" target="_blank">
                      <img style="border-radius:3px 3px 0 0;" width="240" src="img/chuyi_math.jpg" title="初一数学">
                  </a>
                  <p class="courTit"><a href="buy_book_bookcont.html" target="_blank">初一数学</a></p>
                  <div class="gray">
                      <span style="color: red;font-weight: bold">123</span>￥
                      <span class="sp1">库存1100本</span>
                      <div style="clear:both"></div>
                  </div>
              </div>
          </li>

          <li>
              <div class="courselist">
                  <a href="buy_book_bookcont.html" target="_blank">
                      <img style="border-radius:3px 3px 0 0;" width="240" src="img/chuyi_math.jpg" title="初一数学">
                  </a>
                  <p class="courTit"><a href="buy_book_bookcont.html" target="_blank">初一数学</a></p>
                  <div class="gray">
                      <span style="color: red;font-weight: bold">123</span>￥
                      <span class="sp1">库存1100本</span>
                      <div style="clear:both"></div>
                  </div>
              </div>
          </li>
    </ul>
    </div>
    <div class="clearh"></div>
</div>
<!-- InstanceEndEditable -->


<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 clearfix footer-col">
                <img src="img/logo_03.png">
                <div class="footer-slogan">超越教育，赢在起跑线！</div>
                <div class="col-xs-2">
                    <div class="social-item footer-weixin-item">
                        <i class="fa fa-weixin"></i>
                        <div class="footer-weixin">
                            <img src="img/footer-weixin.png">
                        </div>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="social-item footer-qq-item">
                        <i class="fa fa-qq"></i>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="social-item footer-weibo-item">
                        <a href="http://weibo.com/shiyanlou2013" target="_blank">
                            <i class="fa fa-weibo"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">公司</div>
                <a href="javascript:;" target="_blank">关于我们</a><br>
                <a href="javascript:;" target="_blank">联系我们</a><br>
                <a href="http://www.simplecloud.cn/jobs.html" target="_blank">加入我们</a><br>
                <a href="https://blog.shiyanlou.com" target="_blank">技术博客</a><br>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">合作</div>
                <a href="javascript:;" target="_blank">我要投稿</a><br>
                <a href="labs_index.html" target="_blank">教师合作</a><br>
                <a href="edu_index.html" target="_blank">高校合作</a><br>
                <a href="privacy_index.html" target="_blank">友情链接</a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">服务</div>
                <a href="javascript:;" target="_blank">常见问题</a><br>
                <a href="privacy_index.html" target="_blank">隐私条款</a>
            </div>

        </div>
    </div>
    <div class="text-center copyright">
        <span>Copyright @2013-2016 超越在线教育</span>
        <span class="ver-line"> | </span>
        <a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备13019762号</a>
        <script type="text/javascript">
            var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
            document.write(unescape("%3Cspan id='cnzz_stat_icon_5902315'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/stat.php%3Fid%3D5902315' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "//hm.baidu.com/hm.js?6eb47a3aeda6ea31fa53985fdfdc78e8";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-89338452-1', 'auto');
            ga('send', 'pageview');
        </script>
    </div>
</div>


</body>

<!-- InstanceEnd --></html>
